<template>
    <div class="w-full flex justify-center overflow-hidden">
        <div class="flex flex-col md:w-1/2 md:shadow-xl md:border w-full pb-10 mt-10 md:px-4">
            <div class="my-5 flex flex-col justify-center items-center">
                <router-link
                    to="/yiri"
                    class="border w-52 flex justify-center px-3 py-2 rounded bg-blue-500 text-white mx-2 my-2"
                >编写一日文档</router-link>
                <router-link
                    to="/document"
                    class="border w-52 flex justify-center px-3 py-2 rounded bg-blue-500 text-white mx-2 my-2"
                >上传网站数据库</router-link>
                <router-link
                    to="/weChatDoc"
                    class="border w-52 flex justify-center px-3 py-2 rounded bg-blue-500 text-white mx-2 my-2"
                >上传微信文档</router-link>
            </div>
            <div class="my-5 border-t-2">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>


<script lang="ts" setup>
import Yiri from "./components/yiri.vue";
import DocumentInput from "./components/documentInput.vue";

</script>